@charset "utf-8";
/* CSS Document */

/* template */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, th, thead{border:0; margin:0; padding:0;}

table, td{margin:0; padding:0; border:0; border-collapse:collapse;}

html{height:100%; -webkit-text-size-adjust:none;}
body{min-height:100%; line-height:1; position:relative; font:normal 80% Verdana, Arial, Helvetica, sans-serif; color:#000; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.blockfix:after{display:block; height:0; clear:both; content:" "; visibility:hidden;}

.clear{display:block; clear:both; height:1px; width:100%; overflow:hidden;}

body
{
  background:url(images/bg-body.gif) 280px 0 repeat-y;
  /* background:linear-gradient(left, #FFF, #FFF 280px, #E9ECEF 281px, #F2F3F6 282px, #F7F8FA 290px, #FFF 295px, #FFF); */
  /* background:-o-linear-gradient(left, #FFF, #FFF 280px, #E9ECEF 281px, #F2F3F6 282px, #F7F8FA 290px, #FFF 295px, #FFF); */
  /* background:-moz-linear-gradient(left, #FFF, #FFF 280px, #E9ECEF 281px, #F2F3F6 282px, #F7F8FA 290px, #FFF 295px, #FFF); */
  /* background:-webkit-linear-gradient(left, #FFF, #FFF 280px, #E9ECEF 281px, #F2F3F6 282px, #F7F8FA 290px, #FFF 295px, #FFF); */
}

a{outline:none; color:#506BB5;}

input[type="search"]{outline:none;}

button{font-family:Verdana, Arial, Helvetica, sans-serif;}

.border-radius
{
  border-radius:8px;
  -o-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.ui-page
{
	min-width:800px;
	position:relative;
}

.ui-page .ui-container
{
}

.ui-page .ui-container .content
{
}

.ui-page .content
{
}

.ui-page .content .left-side
{
}

.ui-page .content .right-side
{
}

.ui-page .ui-container .content .right-side
{
  
}

.ui-page.two-column .ui-container .content
{
}

.ui-page.two-column .content .left-side
{
	display:block;
	width:280px;
	float:left;
}

.ui-page.two-column .content .right-side
{
  margin-left:280px;
}

.user-block
{
}

.ui-page.two-column .content .left-side .user-block
{
}

.ui-page.two-column .content .right-side .user-block
{
}

.btn-item
{
	display:block;
	border:1px solid #d0d0d0;
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	color:#5e7694;
	font-weight:normal;

	background-image:linear-gradient(top, #ededed, #f7f7f7 1px, #f0f0f0);
  background-image:-o-linear-gradient(top, #ededed, #f7f7f7 1px, #f0f0f0);
  background-image:-moz-linear-gradient(top, #ededed, #f7f7f7 1px, #f0f0f0);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ededed), color-stop(1%, #f7f7f7), to(#f0f0f0));
}

.btn-item.none-border
{
	border:0;
	background:none;
}

.user-block.contactlist
{
}

.contacts{list-style:none; padding:0;}
.contacts .contact{background:#FFF; position:relative; overflow:hidden; cursor:pointer;}
.contacts .contact .avatar
{
  height:32px;
  margin:-16px 0 0;
  position:absolute;
  right:10px;
  top:50%;
  z-index:0;

  border-radius:4px;
  -o-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.contacts .contact .ind
{
  display:block;
  height:16px;
  line-height:16px;
  margin:-8px 0 0;
  padding:0 3px;
  position:absolute;
  right:64px;
  top:50%;
  z-index:0;
  color:#FFF;
  font-size:84%;

  border-radius:6px;
  -o-border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;

  background:#f47600;
  background:linear-gradient(top, #d86200, #eb6f00 1px, #f47600 2px, #f47600);
  background:-o-linear-gradient(top, #d86200, #eb6f00 1px, #f47600 2px, #f47600);
  background:-moz-linear-gradient(top, #d86200, #eb6f00 1px, #f47600 2px, #f47600);
  background:-webkit-linear-gradient(top, #d86200, #eb6f00 1px, #f47600 2px, #f47600);
}
.contacts .contact .title{display:table-cell; height:50px; padding:0 84px 0 24px; vertical-align:middle; position:relative; z-index:1;}
.contacts .contact .title:before{display:block; background:url(images/ind-contact.png) 0 0 no-repeat; width:16px; height:16px; margin:-8px 0 0; position:absolute; left:4px; top:50%; text-align:center; content:" ";}

.contacts .contact.active
{
  border-top:1px solid #4c73a0;
  border-bottom:1px solid #527caf;
  color:#FFF;

  background:#5F8FC9;
  background:linear-gradient(top, #5781b6, #5781b6 1px, #6697d4 5px, #6090ca 25px, #5783ba);
  background:-o-linear-gradient(top, #5781b6, #5781b6 1px, #6697d4 5px, #6090ca 25px, #5783ba);
  background:-moz-linear-gradient(top, #5781b6, #5781b6 1px, #6697d4 5px, #6090ca 25px, #5783ba);
  background:-webkit-linear-gradient(top, #5781b6, #5781b6 1px, #6697d4 5px, #6090ca 25px, #5783ba);
}
.contacts .contact.active .ind{background:#FFF; color:#dd6a00; box-shadow:0 1px 0px #3d5b80;}
.contacts .contact.online .title:before{background-position:-16px 0;}

.contactinfo
{
  height:100px;
  position:relative;
  padding:0 0 0 132px;

  background:#e4ecf7;
  background:linear-gradient(left, #d1dbe9, #d8e1ee 1px, #e4ecf7 18px, #e4ecf7);
  background:-o-linear-gradient(left, #d1dbe9, #d8e1ee 1px, #e4ecf7 18px, #e4ecf7);
  background:-moz-linear-gradient(left, #d1dbe9, #d8e1ee 1px, #e4ecf7 18px, #e4ecf7);
  background:-webkit-linear-gradient(left, #d1dbe9, #d8e1ee 1px, #e4ecf7 18px, #e4ecf7);
}
.contactinfo .avatar
{
  height:82px;
  margin:-41px 0 0;
  position:absolute;
  left:10px;
  top:50%;
  z-index:0;

  border-radius:8px;
  -o-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.contactinfo .toolbar{position:absolute; right:0; top:0;}

